<template>
	<view>
		<view class="margin-sm">

			<view class="bg-olive radius padding-sm">

				<view style="display: flex;;">

					<view class="margin-left-sm margin-top-xs" style="width: 100%;">非会员
						<view class="flex margin-top">

							<view style="flex: 1;">
								<view>
									<view class=" font-23">0</view>
									<view class=" margin-top-xs">
										剩余次数
										<uni-icons type="right" size="14" color="#fff"></uni-icons>
									</view>
								</view>

							</view>
							<view style="flex: 1;" @click="recharge">
								<view class=" font-23">0</view>
								<view class="  margin-top-xs">剩余天数
								</view>
							</view>

						</view>
					</view>
					<view style="">
						<image style=" width: 200rpx;height: 200rpx;" src="@/static/images/胜利.png">
						</image>
					</view>
				</view>
			</view>


			<view class=" radius  margin-top-sm  padding-sm" style="background-color: #f8ffed;">
				<view class="font-23 font-title">
					升级成为会员
				</view>
				<view class="margin-top-xs font-title">
					升级成为会员您将有以下权益
				</view>
				<view class="margin-top-xs font-content">
					1.报名优惠金额
				</view>
				<view class="margin-top-xs font-content">
					2.免费携带人数
				</view>
			</view>

			<view class="   margin-top-sm  ">
				<view v-for="item in 3 " class="margin-bottom-sm padding-sm radius" style="background-color: #fff;">
					<view class="font-23 font-title">
						99元升级成为银卡会员
					</view>
					<view class="margin-top-xs font-content">
						会员有效期1个月，同享以下权益
					</view>
					<view class="margin-top-xs font-content">
						1.免费携带5人
					</view>
					<view class="margin-top-xs font-content">
						2.免费携带人数
					</view>
				</view>
			</view>

		</view>
		<view style="width: 710rpx;position: fixed;bottom: 10px;left: 20rpx;">
			<button @click="addCommunication" class="login-btn cu-btn block bg-olive lg round ">
				299立即购买</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>

</style>